<ion-header>
  <ion-navbar>
      <ion-title>
          更多
      </ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="bg-color">
  <ion-list class="top-list">
      <button ion-item [navPush]="userInfoPage">
          <ion-avatar item-left>
              <img src="assets/icon/user.jpg">
          </ion-avatar>
          <h2>用户01</h2>
          <p>账号：18600001111</p>
      </button>
  </ion-list>

  <ion-list>
      <ion-item>
          控件1
      </ion-item>
      <button ion-item>
          控件2
      </button>
      <button ion-item>
          <ion-avatar item-left>
            <img src="assets/icon/user.jpg">
          </ion-avatar>
          控件3
      </button>
  </ion-list>

  <ion-list>
      <button ion-item>
          版本号
          <span  item-end>V1.0</span>
      </button>
      <button ion-item>
          关于
      </button>
  </ion-list>

  <div style="text-align: center; margin-left: 30px; margin-right: 30px;margin-top: 30px;">
      <button ion-button block (click)="logOut()">
          退出登录
      </button>
  </div>
</ion-content>